import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: () => import('@/views/home/index.vue'),
  },
  {
    path: '/jsx',
    name: 'JSX',
    component: () => import('@/views/jsx/index.jsx'),
  },
  {
    path: '/divider',
    name: 'Divider',
    component: () => import('@/views/divider/index.vue')
  },
  {
    path: '/message',
    name: 'Message',
    component: () => import('@/views/message/index.vue')
  },
  {
    path: '/singleton',
    name: 'Singleton',
    component: () => import('@/views/singleton/index.vue')
  },
  {
    path: '/search',
    name: 'Search',
    component: () => import('@/views/search/index.vue')
  },
  {
    path: '/input',
    name: 'Input',
    component: () => import('@/views/input/index.vue')
  },
]

const router = createRouter({
  history: createWebHistory(),
  routes,
})

export default router
